<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-store,no-cache"> 
    <meta name="Handheldfriendly" content="true">
    <!-- 微软的老式浏览器 -->
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <!-- 显示窗口 宽度 是 客户端的 屏幕 宽度 （就是 满屏 ！），显示的文字和图形的初始比例 是 1.0 -->
    <link rel="stylesheet" type="text/css" href="css/style.css"><!-- 基本样式 -->
    <link rel="stylesheet" type="text/css" href="css/about.css"><!-- 基本样式 -->
    <script src="js/common.js"></script>
    <title>匿名提问（对我提问）回答</title>
    <style>
        .comments{ padding: 15px;
            background-color: #fff;}
        .spinner{width:20px;height:20px;position:fixed;z-index:1002;top:50%;margin-top:-10px;left:50%;margin-left:-10px}.container1>div,.container2>div,.container3>div{width:6px;height:6px;background-color:#ff536a;border-radius:100%;position:absolute;-webkit-animation:bouncedelay 1.2s infinite ease-in-out;animation:bouncedelay 1.2s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.spinner .spinner-container{position:absolute;width:100%;height:100%}.container2{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.container3{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}.circle1{top:0;left:0}.circle2{top:0;right:0}.circle3{right:0;bottom:0}.circle4{left:0;bottom:0}.container2 .circle1{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.container3 .circle1{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}.container1 .circle2{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}.container2 .circle2{-webkit-animation-delay:-0.8s;animation-delay:-0.8s}.container3 .circle2{-webkit-animation-delay:-0.7s;animation-delay:-0.7s}.container1 .circle3{-webkit-animation-delay:-0.6s;animation-delay:-0.6s}.container2 .circle3{-webkit-animation-delay:-0.5s;animation-delay:-0.5s}.container3 .circle3{-webkit-animation-delay:-0.4s;animation-delay:-0.4s}.container1 .circle4{-webkit-animation-delay:-0.3s;animation-delay:-0.3s}.container2 .circle4{-webkit-animation-delay:-0.2s;animation-delay:-0.2s}.container3 .circle4{-webkit-animation-delay:-0.1s;animation-delay:-0.1s}@-webkit-keyframes bouncedelay{0%,80%,100%{-webkit-transform:scale(0.0)}40%{-webkit-transform:scale(1.0)}}@keyframes bouncedelay{0%,80%,100%{transform:scale(0.0);-webkit-transform:scale(0.0)}40%{transform:scale(1.0);-webkit-transform:scale(1.0)}}#loading .mask{position:fixed;width:100%;background-color:#fff;top:0;left:0;height:100%;z-index:1001}

    </style>
</head>
<body>
<div id="loading">
    <div class="mask"></div>
    <div class="spinner">
        <div class="spinner-container container1">
            <div class="circle1"></div>
            <div class="circle2"></div>
            <div class="circle3"></div>
            <div class="circle4"></div>
        </div>
        <div class="spinner-container container2">
            <div class="circle1"></div>
            <div class="circle2"></div>
            <div class="circle3"></div>
            <div class="circle4"></div>
        </div>
        <div class="spinner-container container3">
            <div class="circle1"></div>
            <div class="circle2"></div>
            <div class="circle3"></div>
            <div class="circle4"></div>
        </div>
    </div>
</div>
    <div class="m-divider"></div>
    <div class="m-user-messageCenter" style="padding-top: 15px">
        <div class="system-messagesunlock">
            <img src="cssimg/logo_03.jpg">
            <div class="unlock">
                <h2>*******</h2>
                <span>你平时都吃什么你平时都吃什么水果你平时都吃什么水果你平时都吃什么水果水果？</span>
            </div>
        </div> <!-- 问题 -->
        <p class="date" id="data">2017-02-13 10:14</p>
    </div>
    <div id="list" style="padding-bottom: 60px">

        <div class="comments">
            <img src="http://cpfile.oss-cn-beijing.aliyuncs.com/portrait_pic/b808dd11b78ddad73a31c9f5bf521be5.jpg">
            <p>我喜欢这个活动 荆防颗粒三角阀发链接洒到了飞机撒打开理发速度飞机撒打开连接方法阿萨德冷风机</p>
            <span>2017/9/12 </span>
        </div>
    </div>
    <div class="commentsmain-w">
        <div>
            <img id="grtx">
            <input type="text" placeholder="在这里说点什么吧......" id="input" class="input">
            <input onclick="huida()" type="button" value="发送" class="fsbtn2">
        </div>
    </div>

    <script type="text/javascript" src="js/jquery/jquery-2.2.4.min.js"></script>
    <script type="text/javascript" src="js/utils.js"></script>
    <script type="text/javascript">
        Utils.historyBack();
        var urs=window.location.search;
        var strs=urs.substring(1);
        var silp=strs.split('&');
        var res={};
        for (var i=0;i<silp.length;i++){
            res[silp[i].split("=")[0]]=silp[i].split("=")[1];
        }
        console.log(res);
        $(function(){
            
        });
        var times=gstime(res.time);
        $("#data").html(times);
        console.log(times);
        $("#grtx").attr("src",localStorage.txurl);
        $("#loading").hide();
        function huida() {
            if($("#input").val()==""){
                return false
            }
            var timev=new Date().getTime()/1000;
            $.ajax({
                type : "GET",
                url : getRequestUrl("/user/answer_question"),
                data:{
                    question_id:5,
                    answer:$("#input").val()
                },
                // contentType : "application/json",
                success : function(datas) {
                    console.log(datas.response_params.result);
                    if(datas.response_params.result=="0"){
                        var sts=`<div class="comments">
                                    <img src=`+localStorage.txurl+`>
                                    <p>`+$("#input").val()+`</p>
                                    <span>`+gstime(timev)+` </span>
                                </div> `;
                        $(sts).appendTo("#list")
                    }
                },
                error : function(err) {
                	dealCPErrorResponse(err);
                }
            });
        }

        function gstime(time) {
            var strs="";
            var date = new Date(time*1000);
            Y = date.getFullYear() + '-';
            M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '-';
            D = date.getDate() + ' ';
            h = date.getHours()<10? '0'+date.getHours():date.getHours()+':';
            m = date.getMinutes()<10? '0'+date.getMinutes():date.getMinutes();
             strs =Y+M+D+h+m;
            return strs
        }
    </script>
</body>
</html>